<template>
  <div class='fixed inset-0 bg-gray-500 bg-opacity-50 juzhong1' :style='{zIndex:`${zindex}`}' @click.stop.prevent='closeDialog'>
    <div :class='[defaultclass,]'>
      <div class='absolute right-0 top-0 w-100px h-10 bg-black flex justify-end items-center'>
        <n-icon>
          <CloseOutlined></CloseOutlined>
        </n-icon>
        <n-icon>
          <CloseOutlined></CloseOutlined>
        </n-icon>
        <n-icon>
          <CloseOutlined></CloseOutlined>
        </n-icon>
      </div>
    </div>
  </div>
</template>

<script setup lang='ts' name='mydialog'>
import {ref,defineProps,computed,watch} from "vue"
import {CloseOutlined} from "@vicons/antd"
const zindex = ref(2000)

// 本地的是否全屏
const isfull = ref(false)

const defaultclass = computed(()=>{
  return isfull.value ? "w-full h-full relative" : "w-800px h-600px relative"
})



// 点击遮罩层
const closeDialog=()=>{}



</script>

<style scoped>

</style>